<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>添加课程</title>
	</head>
	<link rel="stylesheet" href="../../css/mui.min.css" />
	<link rel="stylesheet" href="../../css/mooc.css" />
	<style>
		body {
			background-color: #efefef;
		}
		
		.mui-title {
			color: white;
		}
		
		.mui-content {
			background-color: #efefef;
		}
		
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon-left-nav {
			color: white;
		}
		
		#saveselfcourse {
			margin-top: 5px;
			font-size: 17px;
			color: white;
		}
		
		.savebtn {
			margin-top: 12px;
			font-size: 17px;
		}
		
		.mui-table-view-cell.mui-media {
			height: 65px;
		}
		
		.mui-table-view {
			margin-top: 180px;
		}
		
		#coursesdiv > :first-child.mui-course {
			margin-top: 20px;
		}
		
		#coursesdiv > .mui-course {
			margin-bottom: 35px;
		}
		
		.mui-course {
			height: 110px;
			margin: 0px 0px 0px 15px;
			border: 0px solid #ddd;
			border-radius: 10px;
			background-color: #efefef;
			background-clip: padding-box
		}
		
		.course-top {
			float: left;
			width: 80%;
			margin: 0 5px 0px 0px;
			border-radius: 10px;
			height: 110px;
			color: #ffffff;
			background-color: #7da1fd;
		}
		
		.course-top.b1 {
			background-color: #fda649;
		}
		
		.course-top.b2 {
			background-color: #7da1fd;
		}
		
		.course-top.b3 {
			background-color: #ff8873;
		}
		
		.course-top.b4 {
			background-color: #7adc70;
		}
		
		.course-top .c1 {
			height: 85px;
		}
		
		.course-top .c1 {
			height: 3px;
		}
		
		.course-top .cmsg {
			position: absolute;
			float: left;
			margin-top: 8px;
			margin-left: 16px;
			font-size: 15px;
			line-height: 20px;
			width: 100px;
			display: none;
		}
		
		.course-top .cname {
			position: absolute;
			float: left;
			margin-top: 15px;
			margin-left: 16px;
			font-size: 16px;
			line-height: 20px;
			width: 150px;
		}
		
		.course-top .ctype {
			position: absolute;
			float: left;
			margin-left: 17px;
			margin-top: 50px;
			margin-right: 10px;
			font-size: 12px;
		}
		
		.course-top .cuser {
			position: absolute;
			margin-top: 77px;
			margin-left: 13px;
			font-size: 12px;
		}
		
		.navigate-right:after {
			float: right;
			content: '\e583';
			margin-top: 10px;
			margin-right: 10px;
			font-size: 20px;
			font-family: Muiicons;
			color: #757575;
		}
		
		.courseimg {
			float: left;
			margin-top: 15px;
			margin-left: 10px;
		}
		
		.courseimg img {
			border-radius: 6px;
			height: 80px;
			width: 100px;
		}
		
		.checkboxdiv {
			float: right;
			height: 110px;
			width: 50px;
			color: red;
			padding: 40px 1px 1px 1px;
		}
		
		.checkboxdiv label {
			width: 40px;
			height: 40px;
		}
		/****搜索框****/
		
		.searchdiv {
			padding: 5px 10px 0px 10px;
		}
		
		.mui-search .mui-input-clear {
			background-color: white;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a><a id="saveselfcourse" class="mui-icon mui-pull-right">完成</a>
			<h1 class="mui-title">添加课程</h1>
		</header>
		<div class="mui-scroll-wrapper">
		<div class="mui-content ">
			<div class="searchdiv">
				<div class="mui-input-row mui-search">
					<input type="search" class="mui-input-clear" id="searchinput" placeholder="搜索" onkeyup="enterSearch(event)">
				</div>
			</div>
			<!--课程列表 start-->
			<div id="coursesdiv">
				<!--
				<div class="mui-course">
					<div class="course-top">
						<div class="courseimg"><img src="../../images/60x60.gif"></div>
						<div class="c1">
							<span class="cmsg"><img src="../../images/tip.png" />&nbsp;教师上传了计机械设计机械设计机</span>
							<span class="cname">机械设计机械设计机</span>
							<span class="ctype">机械机械</span>
						</div>
						<div class="c2">
							<span class="cuser"><img src="../../images/tou.png" />&nbsp;102学生学习</span>
						</div>
					</div>
					<div class="checkboxdiv">
						<div class="mui-input-row mui-checkbox">
							<label></label>
							<input name="checkbox1" value="123" type="checkbox">
						</div>
					</div>
				</div>
-->
			</div>
			<!--课程列表 end-->
		</div>
		</div>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script src="../../js/mui.lazyload.js"></script>
	    <script src="../../js/mui.lazyload.img.js"></script>
	<script type="text/javascript" src="../../script/config.js"></script>
	<script src="../../script/moocpublic.js"></script>
	<script type="text/javascript" src="../../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/addselfcourse.js"></script>

</html>